<script setup lang="ts">
import { ref } from 'vue'
import { RouterView } from 'vue-router'
import ScaleScreen from '@/components/scale-screen'
import Headers from './header.vue'
import Setting from './setting.vue'
import { useSettingStore } from '@/stores/index'
import { storeToRefs } from 'pinia'
import MessageContent from '@/components/Plugins/MessageContent'

const settingStore = useSettingStore()
const { isScale } = storeToRefs(settingStore)
const wrapperStyle = {}
</script>

<template>
    <div class="content_wrap">
        <Headers />
        <RouterView/>
        <MessageContent />
    </div>
    <Setting />
</template>
<style lang="scss" scoped>
.content_wrap {
    width: 100vw;
    height: 100vh;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    background-image: url('@/assets/img/pageBg.png');
    background-size: cover;
    background-position: center center;
}
</style>
